﻿{extend name="../template/master.html" /}
{block name="content"}


<style>
    body {
        background-color: #EDEDED;
    }
    #sort-list{
        display: block;
    }
</style>
<!--banner轮显 start-->

<div class="fullSlide">
    <div class="bd">
        <ul>
            <li _src="url(http://xtep.oss-cn-hangzhou.aliyuncs.com/2018/01/05/shangxin1920-480.jpg)" style="background:#EDEDED center 0 no-repeat;width:1920px;"><a style="width:100%;display:block;" href="http://www.xtep.com.cn/s/?keywords=新品促销" target="_blank"></a></li>
            <li _src="url(http://xtep.oss-cn-hangzhou.aliyuncs.com/2018/01/11/1920.jpg)" style="background:#EDEDED center 0 no-repeat;width:1920px;"><a style="width:100%;display:block;" href="/gengxin/" target="_blank"></a>
            </li>
            <li _src="url(http://xtep.oss-cn-hangzhou.aliyuncs.com/2018/01/04/d1920_480.jpg)" style="background:#EDEDED center 0 no-repeat;width:1920px;"><a style="width:100%;display:block;" href="/donglichao/" target="_blank"></a>
            </li>
            <li _src="url(http://xtep.oss-cn-hangzhou.aliyuncs.com/2017/12/19/yurong1920-480.jpg)" style="background:#EDEDED center 0 no-repeat;width:1920px;"><a style="width:100%;display:block;" href="/yurong/" target="_blank"></a></li>
            </li>
        </ul>
    </div>
    <div class="hd">
        <ul>
        </ul>
    </div>
    <div class="fpn">
        <ul>
            <li class="prev"></li>
            <li class="next"></li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    /* 控制左右按钮显示 */
    jQuery(".fullSlide").hover(function () {
        jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.3);
        var left = $(".all-classify-btn").offset().left + 250;
        jQuery(this).find(".prev").css({"left": left});
        var left = $(".all-classify-btn").offset().left + 1122;
        jQuery(this).find(".next").css({"left": left});
    }, function () {
        jQuery(this).find(".prev,.next").fadeOut();

    });

    /* 调用SuperSlide */
    jQuery(".fullSlide").slide({
        titCell: ".hd ul", mainCell: ".bd ul", effect: "fold", autoPlay: true, autoPage: true, trigger: "click",
        startFun: function (i) {
            var curLi = jQuery(".fullSlide .bd li").eq(i);
            /* 当前大图的li */
            if (!!curLi.attr("_src")) {
                curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                /* 将_src地址赋予li背景，然后删除_src */
            }
        }
    });
</script>
<!--banner轮显 end-->

<!-- 特卖 -->
<div class="hot-img x-wrap">
    <div style="width:220px;float:left;height:130px;"></div>
    <div class="index-adImage">
        <div class="content">
            <div class="left"><a href="/2017run/" target="_blank"><img src="/static/index/images/406-163_1.jpg"/></a></div>
            <div class="middle"><a href="/2017jianshen/" target="_blank"><img src="/static/index/images/276-163_1.jpg"/></a>
            </div>
            <div class="right"><a href="/q4pai/" target="_blank"><img src="/static/index/images/265-163_1.jpg"/></a></div>
        </div>
    </div>
</div>

<!-- 公告 -->
<div class="i-special-box c-wrap">
    <div class="i-special-box c-wrap">
        <ul class="i-special-img">
            <li>
                <div class="item"><a href="/2017fenghuo/" target="_blank"><img alt=""
                                                                               src="/static/index/images/305-170-1_1.jpg"/></a></a>
                    <div class="txt">
                        <h3>第20代风火鞋</h3>
                    </div>
                </div>
            </li>
            <li>
                <div class="item"><a href="/donglichao/" target="_blank"><img alt=""
                                                                              src="/static/index/images/305-170-1_1.jpg"/></a>
                    <div class="txt">
                        <h3>动力巢科技跑鞋</h3>
                    </div>
                </div>
            </li>
            <li style="margin-right:0;">
                <div class="item"><a href="http://www.xtep.com.cn/s/?keywords=6860" target="_blank"><img alt=""
                                                                                                         src="/static/index/images/305-170-2_1.jpg"/></a>
                    <div class="txt">
                        <h3>柔立方科技跑鞋</h3>
                    </div>
                </div>
            </li>
            <li>
                <div class="item"><a href="/xmmls/" target="_blank"><img alt=""
                                                                         src="/static/index/images/305-170-3_1.jpg"/></a>
                    <div class="txt">
                        <h3>竞速160 竞训300</h3>
                    </div>
                </div>
            </li>
            <li>
                <div class="item"><a href="http://www.xtep.com.cn/goods-983419326379.html" target="_blank"><img alt=""
                                                                                                                src="/static/index/images/305(1)_1.jpg"/></a>
                    <div class="txt">
                        <h3>潮流简约休闲鞋</h3>
                    </div>
                </div>
            </li>
            <li style="margin-right:0;">
                <div class="item"><a href="http://www.xtep.com.cn/goods-982119315768.html" target="_blank"><img alt=""
                                                                                                                src="/static/index/images/305-170-4_1.jpg"/></a>
                    <div class="txt">
                        <h3>时尚百搭板鞋</h3>
                    </div>
                </div>
            </li>
        </ul>
        <div class="gonggao">
            <div class="new-actives" style="margin:0 auto">
                <div class="tab-hd">
                    <h4> 公告</h4>
                    <span class="step"> <a href="javascript:void(0)" class="prev"><s
                            class="arrow arrow-lthin"><s></s></s></a> <a href="javascript:void(0)" class="next"><s
                            class="arrow arrow-rthin"><s></s></s></a> </span></div>
                <div class="tab-bd">
                    <div class="tab-bd-in">
                        <ul>
                            <li><a href="/help-517.html">资讯:全运三冠王“新飞人”谢震业 中国速度精彩不停</a></li>
                            <li><a href="/help-514.html">资讯:特步携手孩之宝发布跨界联名限量版足球鞋</a></li>
                            <li><a href="/help-512.html">资讯:锦“绣”夏日，一起游走青春~</a></li>
                            <li><a href="/help-511.html">资讯:赵丽颖变身#弄潮玩家#，潮流一夏不可挡</a></li>
                            <li><a href="/help-510.html">资讯:带着王者的跑鞋，够爽才快</a></li>
                        </ul>
                        <ul>
                            <li><a href="/help-509.html">资讯:清爽装备，跑过盛夏</a></li>
                            <li><a href="/help-300.html">预告:特步14周年庆</a></li>
                            <li><a href="/help-297.html">预告:春夏运动 限时优选 2件119起</a></li>
                            <li><a href="/help-294.html">预告:春行与自由不期而遇 专区2件139</a></li>
                            <li><a href="/help-291.html">预告:特步321跑步节，特惠3.21元起</a></li>
                        </ul>
                        <ul>
                            <li><a href="/help-286.html">预告:特步春季运动套装精选</a></li>
                            <li><a href="/help-285.html">预告:特步焕新季</a></li>
                            <li><a href="/help-225.html">公告:客服电话调整公告</a></li>
                            <li><a href="/help-220.html">公告:特步会员红包群火热开启</a></li>
                            <li><a href="/help-144.html">公告:关于假冒客服诈骗的声明</a></li>
                        </ul>
                        <ul></ul> <!-- 此行勿动 -->
                    </div>
                </div>
            </div>
            <div class="focusBox" id="focusBox" style="margin:0 auto">
                <ul class="pic">
                    <li><a href="http://www.xtep.com.cn/s/10_马拉松,6_288:296" target="_blank"><img
                            src="/static/index/images/dplb1_1.jpg"/></a></li>
                    <li><a href="http://www.xtep.com.cn/goods-983419119057.html" target="_blank"><img
                            src="/static/index/images/dplb2_1.jpg"/></a></li>
                    <li><a href="http://www.xtep.com.cn/s/?keywords=林更新" target="_blank"><img
                            src="/static/index/images/dplb3_1.jpg"/></a></li>
                    <li><a href="http://www.xtep.com.cn/goods-983419379907.html" target="_blank"><img
                            src="/static/index/images/dplb4_1.jpg"/></a></li>
                </ul>
                <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a>
                <ul class="hd">
                </ul>
            </div>
        </div>
    </div>
    <div class="index-adv x-wrap"> <span class="index-adv x-wrap"><a href="http://www.xtep.com.cn/2016js/"
                                                                     target="_blank"><img src="/static/index/images/kj_1.jpg"
                                                                                          alt="" border="0"
                                                                                          usemap="#Map"/>
  <map name="Map">
    <area onfocus="blur(this)" shape="rect"
          coords="17,7,164,84" href="http://www.xtep.com.cn/list_goods/index?keywords=%E5%8A%A8%E5%8A%9B%E5%B7%A2"
          target="_blank">
    <area onfocus="blur(this)" shape="rect"
          coords="183,6,330,80" href="http://www.xtep.com.cn/list_goods/index?keywords=减震旋" target="_blank">
    <area onfocus="blur(this)" shape="rect"
          coords="357,7,505,82" href="http://www.xtep.com.cn/list_goods/index?keywords=气能环" target="_blank">
    <area onfocus="blur(this)" shape="rect"
          coords="522,9,677,81" href="http://www.xtep.com.cn/list_goods/index?keywords=柔立方" target="_blank">
    <area onfocus="blur(this)" shape="rect"
          coords="694,8,851,85" href="http://www.xtep.com.cn/list_goods/index?keywords=驭光" target="_blank">
    <area onfocus="blur(this)" shape="rect"
          coords="868,8,1024,85" href="http://www.xtep.com.cn/list_goods/index?keywords=易弯折" target="_blank">
    <area shape="rect"
          coords="1037,6,1195,84" href="http://www.xtep.com.cn/s/?keywords=速干" target="_blank" onfocus="blur(this)">
  </map>
  </a></span></div>
    <script>
        $(function () {
            $("#focusBox a[href='javascript:void(0)']").hide();
            $("#focusBox").hover(function () {
                $("#focusBox a[href='javascript:void(0)']").fadeTo("show", 0.7)
            }, function () {
                $("#focusBox a[href='javascript:void(0)']").fadeOut()
            });

        });
        jQuery(".new-actives").slide({
            mainCell: ".tab-bd-in",
            effect: "left",
            delayTime: 400,
            pnLoop: false,
            easing: "easeOutCubic"
        });
        jQuery(".focusBox").slide({mainCell: ".pic", effect: "left", autoPlay: true, delayTime: 300});
    </script>
</div>
<script>$(function () {
    $("#focusBox a[href='javascript:void(0)']").hide();
    $("#focusBox").hover(function () {
        $("#focusBox a[href='javascript:void(0)']").fadeTo("show", 0.7)
    }, function () {
        $("#focusBox a[href='javascript:void(0)']").fadeOut()
    });
    jQuery(".new-actives").slide({
        mainCell: ".tab-bd-in",
        effect: "left",
        delayTime: 400,
        pnLoop: false,
        easing: "easeOutCubic"
    });
    jQuery(".focusBox").slide({mainCell: ".pic", effect: "left", autoPlay: true, delayTime: 300});
});

</script>


<!-- 各大楼层 -->
<div id="floors">
    <!-- 楼层 1 -->
    <div class="conmmon-floor c-wrap clearfix" id="floor0">
        <div class="floor-tie">
            <h2><i>1F</i> <a href="http://www.xtep.com.cn/s/10_%E8%B7%91,3_1" target="_blank" data-type="base"
                             data-style="txt">运动表现</a></h2>
            <ul class="tab-list">
                <li class="tab-item current" data-type="base" data-style="txt"> 男款</li>
                <li class="tab-item" data-type="base" data-style="txt"> 女款</li>

            </ul>
        </div>
        <div class="floor-ctr">
            <div class="sub-left-nav">
                <ul class="c-type" style="background-color:#1a1d1f">
                    <li class="c-type-1"><a href="/list_goods/index?cat_code=288" target="_blank" data-type="base"
                                            data-style="txt-link"> <span>运动鞋</span> </a></li>
                    <li class="c-type-2"><a href="http://www.xtep.com.cn/list_goods/index?cat_code=358" target="_blank"
                                            data-type="base" data-style="txt-link"> <span>运动服</span> </a></li>
                </ul>
                <a href="http://121.196.202.137/s/?keywords=跑步" data-type="base" data-style="img-link"><img alt="跑步馆"
                                                                                                            class="guan-img"
                                                                                                            src="/static/index/images/za_1.jpg"
                                                                                                            style="widht:130px;height:130px;display:block;margin:20px auto 0"></a>
                <ul class="words">
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=288"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="/list_goods/index?cat_code=290" target="_blank"></a><a
                            data-type="base" data-style="txt-link"
                            href="http://www.xtep.com.cn/list_goods/index?cat_code=288" target="_blank">男跑步</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=296" target="_blank">女跑步</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=349" target="_blank">男综训</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=350" target="_blank">女综训</a></li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=292"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/10_户外,3_1" target="_blank">男户外</a></li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=291"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/10_户外,3_2" target="_blank">女户外</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?keywords=综训鞋" target="_blank"></a><a
                            data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/?keywords=足球"
                            target="_blank">足球区</a></li>
                    <li><a href="http://www.xtep.com.cn/list_goods/index?cat_code=287">配件区</a></li>
                    <li><a href="http://www.xtep.com.cn/s/?keywords=篮球">篮球区</a></li>
                    <li><a href="http://www.xtep.com.cn/s/?keywords=明星">明星区</a></li>
                </ul>
                <a data-type="base" data-style="img-link" href="http://www.xtep.com.cn/goods-983419326227.html"
                   target="_blank"><img src="/static/index/images/zaa_1.jpg" alt="微信专享价"
                                        style="width:160px;height:150px;display:block;"></a></div>
            <ul class="floor-pro-info">
                <li class="floor-pro-item" style="display: block;">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/10_跑步,3_1" style="height:350px"
                                            target="_blank"> <img alt="特步跑步鞋-爆款时尚男跑鞋" class="big-ad-img"
                                                                  src="/static/index/images/a1_1.jpg"
                                                                  style="height:530px,width:510px"> </a>

                        <!--
                      <a data-type="f1" data-style="img-link" href="http://www.xtep.com.cn/list_goods/index?keywords=男子综训鞋" style="display:block;height:170px;" target="_blank"><img alt="特步运动鞋-时尚女跑鞋" class="big-ad-img" src="/static/index/images/aa1_1.jpg" style="margin-top:10px;height:170px"></a>
                      --></div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">20代风火跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419116736.html" target="_blank"><img
                                        alt="特步跑步鞋-20代风火跑鞋" src="/static/index/images/a11_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">时尚健身综训鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419520359.html" target="_blank"><img
                                        alt="特步跑步鞋-时尚健身综训鞋" src="/static/index/images/a12_1.jpg"></a></li>
                            <li class="pro-item " data-type="f1" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href=""></a><a
                                    class="text1" href="">明星款综训羽绒</a>

                                <a href="http://www.xtep.com.cn/goods-983429190618.html" target="_blank"> <img
                                        alt="特步-明星款综训羽绒" class="lists" src="/static/index/images/a13_1.jpg"> </a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text"> 马拉松运动跑鞋 </a>

                                <a href="http://www.xtep.com.cn/goods-983319116566.html" target="_blank"><img
                                        alt="特步跑步鞋-马拉松运动跑鞋" src="/static/index/images/a14_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">减震旋科技跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419119252.html" target="_blank"> <img
                                        alt="特步跑步鞋-减震旋科技跑鞋" src="/static/index/images/a15_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
                <li class="floor-pro-item">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/10_跑步,3_2" style="height:350px"
                                            target="_blank"> <img alt="特步跑步鞋-爆款时尚男跑鞋" class="big-ad-img"
                                                                  src="/static/index/images/a2_1.jpg"
                                                                  style="height:530px,width:510px"> </a></div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">20代风火跑鞋</a>
                                <a href="http://www.xtep.com.cn/goods-983418116735.html" target="_blank"><img
                                        alt="特步跑步鞋-20代风火女跑鞋" src="/static/index/images/a21_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">柔立方科技跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983328061387.html" target="_blank"><img
                                        alt="特步跑步鞋-柔立方科技女跑鞋" src="/static/index/images/a22_1.jpg"></a></li>
                            <li class="pro-item " data-type="f2" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href="">明星同款羽绒服</a>

                                <a href="http://www.xtep.com.cn/goods-983428190740.html" target="_blank"> <img
                                        alt="特步-明星同款羽绒服" class="lists" src="/static/index/images/a23_1.jpg"> </a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">时尚健身综训鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983418520378.html" target="_blank"><img
                                        alt="特步跑步鞋-时尚健身女综训鞋" src="/static/index/images/a24_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">新品运动跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419119503.html" target="_blank"> <img
                                        alt="特步跑步鞋-新品运动跑鞋女跑鞋" src="/static/index/images/a25_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div><!-- 楼层 2 -->
    <div class="conmmon-floor c-wrap clearfix" id="floor0">
        <div class="floor-tie">
            <h2><i>2F</i> <a href="http://www.xtep.com.cn/s/10_%E8%B7%91,3_1" target="_blank" data-type="base"
                             data-style="txt">运动生活</a></h2>
            <ul class="tab-list">
                <li class="tab-item current" data-type="base" data-style="txt"> 男款</li>
                <li class="tab-item" data-type="base" data-style="txt"> 女款</li>

            </ul>
        </div>
        <div class="floor-ctr">
            <div class="sub-left-nav">
                <ul class="c-type" style="background-color:#1a1d1f">
                    <li class="c-type-1"><a href="http://www.xtep.com.cn/s/?keywords=休闲鞋" target="_blank"
                                            data-type="base" data-style="txt-link"> <span>休闲鞋</span> </a></li>
                    <li class="c-type-2"><a href="http://www.xtep.com.cn/s/10_都市,6_304:305:306:359:361:362:364"
                                            target="_blank" data-type="base" data-style="txt-link"> <span>休闲服</span>
                    </a></li>
                </ul>
                <a href="http://www.xtep.com.cn/s/10_休闲,3_2" data-type="base" data-style="img-link"><img alt="跑步馆"
                                                                                                         class="guan-img"
                                                                                                         src="/static/index/images/zb_1.jpg"
                                                                                                         style="widht:130px;height:130px;display:block;margin:20px auto 0"></a>
                <ul class="words">
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=288"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="/list_goods/index?cat_code=290" target="_blank"></a><a
                            data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/10_休闲,3_1"
                            target="_blank">男休闲</a></li>
                    <li><a data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/10_休闲,3_2"
                           target="_blank">女休闲</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=300" target="_blank">男板鞋</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=300" target="_blank">女板鞋</a></li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=292"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/?keywords=小白鞋" target="_blank">小白鞋</a>
                    </li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=291"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/?keywords=π鞋" target="_blank">π系列</a>
                    </li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?keywords=综训鞋" target="_blank"></a><a
                            data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/?keywords=都市"
                            target="_blank">都市系列</a></li>
                    <li><a data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/?keywords=校园"
                           target="_blank">校园系列</a><a href="http://www.xtep.com.cn/list_goods/index?cat_code=287"></a>
                    </li>
                </ul>
                <a data-type="base" data-style="img-link" href="http://www.xtep.com.cn/goods-983419326227.html"
                   target="_blank"><img src="/static/index/images/zbb_1.jpg" alt="微信专享价"
                                        style="width:160px;height:150px;display:block;"></a></div>
            <ul class="floor-pro-info">
                <li class="floor-pro-item" style="display: block;">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/10_休闲,3_1" style="height:350px"
                                            target="_blank"><img alt="特步跑步鞋-爆款时尚男跑鞋" class="big-ad-img"
                                                                 src="/static/index/images/b1_1.jpg"
                                                                 style="height:530px,width:510px"></a>
                        <!--
                      <a data-type="f1" data-style="img-link" href="http://www.xtep.com.cn/list_goods/index?keywords=男子综训鞋" style="display:block;height:170px;" target="_blank"><img alt="特步运动鞋-时尚女跑鞋" class="big-ad-img" src="/static/index/images/aa1_1.jpg" style="margin-top:10px;height:170px"></a>
                      -->
                    </div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">明星同款小白鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419315773.html" target="_blank"><img
                                        alt="特步-明星同款小白鞋" src="/static/index/images/b11_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">中帮加绒休闲鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419370958.html" target="_blank"><img
                                        alt="特步-中帮加绒休闲鞋" src="/static/index/images/b12_1.jpg"></a></li>
                            <li class="pro-item " data-type="f1" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href=""></a><a
                                    class="text1" href="">都市印花羽绒服</a><a
                                    href="http://www.xtep.com.cn/goods-983429190749.html" target="_blank"><span
                                    class="pro-item " style="height:350px"><img alt="特步-都市印花羽绒服" class="lists"
                                                                                src="/static/index/images/b13_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text"> 时尚休闲都市鞋 </a>

                                <a href="http://www.xtep.com.cn/goods-983419392083.html" target="_blank"><img
                                        alt="特步板鞋-时尚休闲都市鞋" src="/static/index/images/b14_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">保暖舒适型棉鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983419370997.html" target="_blank"> <img
                                        alt="特步棉鞋-舒适保暖鞋子" src="/static/index/images/b15_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
                <li class="floor-pro-item">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/10_休闲,3_2" style="height:350px"
                                            target="_blank"> <img alt="特步跑步鞋-爆款时尚男跑鞋" class="big-ad-img"
                                                                  src="/static/index/images/b2_1.jpg"
                                                                  style="height:530px,width:510px"> </a></div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">明星同款小白鞋</a>
                                <a href="http://www.xtep.com.cn/goods-983418315773.html" target="_blank"><img
                                        alt="特步板鞋-林更新同款π鞋" src="/static/index/images/b21_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">潮流气垫款棉鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983418370957.html" target="_blank"><img
                                        alt="特步棉鞋-保暖气垫鞋" src="/static/index/images/b22_1.jpg"></a></li>
                            <li class="pro-item " data-type="f2" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href="">明星长款羽绒服</a>

                                <a href="http://www.xtep.com.cn/goods-983428190681.html" target="_blank"> <img
                                        alt="特步-明星长款羽绒服" class="lists" src="/static/index/images/b23_1.jpg"> </a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">潮流时尚休闲鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983418326379.html" target="_blank"><img
                                        alt="特步休闲鞋-时尚潮流鞋" src="/static/index/images/b24_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">π系列高帮板鞋</a>

                                <a href="http://www.xtep.com.cn/goods-983418315688.html" target="_blank"> <img
                                        alt="特步板鞋-高帮女子π鞋" src="/static/index/images/b25_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div><!-- 楼层 3 -->
    <div class="conmmon-floor c-wrap clearfix" id="floor0">
        <div class="floor-tie">
            <h2><i>3F</i> <a href="http://www.xtep.com.cn/s/10_%E8%B7%91,3_1" target="_blank" data-type="base"
                             data-style="txt">儿童专区</a></h2>
            <ul class="tab-list">
                <li class="tab-item current" data-type="base" data-style="txt"> 男童</li>
                <li class="tab-item" data-type="base" data-style="txt"> 女童</li>

            </ul>
        </div>
        <div class="floor-ctr">
            <div class="sub-left-nav">
                <ul class="c-type" style="background-color:#1a1d1f">
                    <li class="c-type-1"><a href="http://www.xtep.com.cn/list_goods/index?cat_id=284" target="_blank"
                                            data-type="base" data-style="txt-link"> <span>鞋类区</span></a></li>
                    <li class="c-type-2"><a href="http://www.xtep.com.cn/s/10_儿童,6_310:312:315:316:320" target="_blank"
                                            data-type="base" data-style="txt-link"> <span>服装区</span></a></li>
                </ul>
                <a href="http://www.xtep.com.cn/list_goods/index?cat_id=284" data-type="base" data-style="img-link"><img
                        alt="跑步馆" class="guan-img" src="/static/index/images/zc_1.jpg"
                        style="widht:130px;height:130px;display:block;margin:20px auto 0"></a>
                <ul class="words">
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=288"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="/list_goods/index?cat_code=290" target="_blank"></a><a
                            data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/10_休闲,3_1"
                            target="_blank">跑步鞋</a></li>
                    <li><a data-type="base" data-style="txt-link" href="http://www.xtep.com.cn/s/10_休闲,3_2"
                           target="_blank">休闲鞋</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=300" target="_blank">板鞋</a></li>
                    <li><a data-type="base" data-style="txt-link"
                           href="http://www.xtep.com.cn/list_goods/index?cat_code=300" target="_blank">外套</a></li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=292"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/?keywords=小白鞋" target="_blank">上衣</a>
                    </li>
                    <li><a data-type="base" data-style="txt-link" href="/list_goods/index?cat_code=291"
                           target="_blank"></a><a data-type="base" data-style="txt-link"
                                                  href="http://www.xtep.com.cn/s/?keywords=π鞋" target="_blank">长裤</a>
                    </li>
                </ul>
                <a data-type="base" data-style="img-link" href="http://www.xtep.com.cn/goods-683315115168.html"
                   target="_blank"><img src="/static/index/images/zcc_1.jpg" alt="微信专享价"
                                        style="width:160px;height:150px;display:block;"></a></div>
            <ul class="floor-pro-info">
                <li class="floor-pro-item" style="display: block;">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/6_327:342:325:345:348:328:330:284,3_4"
                                            style="height:350px" target="_blank"> <img alt="特步跑步鞋-爆款时尚男跑鞋"
                                                                                       class="big-ad-img"
                                                                                       src="/static/index/images/c1_1.jpg"
                                                                                       style="height:530px,width:510px">
                    </a>

                        <!--
                      <a data-type="f1" data-style="img-link" href="http://www.xtep.com.cn/list_goods/index?keywords=男子综训鞋" style="display:block;height:170px;" target="_blank"><img alt="特步运动鞋-时尚女跑鞋" class="big-ad-img" src="/static/index/images/aa1_1.jpg" style="margin-top:10px;height:170px"></a>
                      --></div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">革面款风火跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683415115072.html" target="_blank"><img
                                        alt="特步童鞋-舒适风火跑鞋" src="/static/index/images/c11_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">变形金刚潮流鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683315113287.html" target="_blank"><img
                                        alt="特步童鞋-变形金刚休闲鞋" src="/static/index/images/c12_1.jpg"></a></li>

                            <li class="pro-item " data-type="f1" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href=""></a><a
                                    class="text1" href="">舒适保暖羽绒服</a>

                                <a href="http://www.xtep.com.cn/goods-885425199242.html" target="_blank"> <img
                                        alt="特步童装-轻便保暖羽绒服" class="lists" src="/static/index/images/c13_1.jpg"> </a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text"> 时尚舒适休闲鞋 </a>

                                <a href="http://www.xtep.com.cn/goods-683415325028.html" target="_blank"><img
                                        alt="特步童鞋-舒适人气休闲鞋" src="/static/index/images/c14_1.jpg"></a></li>
                            <li class="pro-item" data-type="f1" data-style="win1"><a class="text">魔术贴舒适板鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683415313159.html" target="_blank"> <img
                                        alt="特步童鞋-魔术贴时尚板鞋" src="/static/index/images/c15_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
                <li class="floor-pro-item">
                    <div class="adv-img"><a data-type="f1" data-style="img-link"
                                            href="http://www.xtep.com.cn/s/6_327:342:325:345:348:328:330:284,3_5"
                                            style="height:350px" target="_blank"> <img alt="特步跑步鞋-爆款时尚男跑鞋"
                                                                                       class="big-ad-img"
                                                                                       src="/static/index/images/c2_1.jpg"
                                                                                       style="height:530px,width:510px">
                    </a></div>
                    <div class="main-ctr">
                        <ul class="pro-list">
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">舒适运动风火鞋</a>
                                <a href="http://www.xtep.com.cn/goods-683414115072.html" target="_blank"><img
                                        alt="特步儿童跑鞋-舒适风火鞋" src="/static/index/images/c21_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">柔立方舒适跑鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683414115093.html" target="_blank"><img
                                        alt="特步跑鞋-柔立方科技女鞋" src="/static/index/images/c22_1.jpg"></a></li>
                            <li class="pro-item " data-type="f2" data-style="win1" style="height:350px"><a class="text1"
                                                                                                           href="">冬季保暖羽绒服</a>

                                <a href="http://www.xtep.com.cn/goods-885424199243.html" target="_blank"> <img
                                        alt="特步女童-舒适保暖羽绒服" class="lists" src="/static/index/images/c23_1.jpg"> </a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">大童拼接休闲鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683314325028.html" target="_blank"><img
                                        alt="特步儿童鞋-大童拼接休闲鞋" src="/static/index/images/c24_1.jpg"></a></li>
                            <li class="pro-item" data-type="f2" data-style="win1"><a class="text">保暖中帮款棉鞋</a>

                                <a href="http://www.xtep.com.cn/goods-683414379889.html" target="_blank"> <img
                                        alt="特步女童鞋-舒适保暖棉鞋" src="/static/index/images/c25_1.jpg"></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div><!-- 楼层 4 --><!-- 楼层 5 --><!-- 楼层 6 --><!-- 楼层 7 -->
</div>
<!-- 各大楼层结束 -->


<!--banner楼层导航 start-->
<div class="floatBar">
    <ul class="floor-guide">
    </ul>
</div>

<!--banner楼层导航结束 end-->

<script>
    $(function () {
        $('.conmmon-floor').each(function (index) {
            var txt = $(this).find('a').eq(0).html();
            $(".floatBar .floor-guide").append('<li><a class="floor-name" href="javascript:void(0);" onclick="leftMenu(' + index + ')"><i>' + (index + 1) + 'F</i>' + txt + '</a></li>');
        });
        if ($(".floatBar").size() > 0) {
            $(window).scroll(listenScroll);
        }

    })
    //$(".c-type").eq(1).css({"background-color":"#55454f"});
    //$(".c-type").eq(2).css({"background-color":"#d22423"});
    //$(".c-type").eq(3).css({"background-color":"#a87545"});
    //$(".c-type").eq(4).css({"background-color":"#18bda2"});
    //$(".c-type").eq(5).css({"background-color":"#dda141"});

    $(".c-type").eq(1).css({"background-color": "#000000"});
    $(".c-type").eq(2).css({"background-color": "#000000"});
    $(".c-type").eq(3).css({"background-color": "#000000"});
    $(".c-type").eq(4).css({"background-color": "#000000"});
    $(".c-type").eq(5).css({"background-color": "#000000"});

    //楼成
    var len;
    $(".tab-list").find('li').hover(function (event) {
            var obj = $(this),
                thisIndex = $(this).index();
            $(this).addClass('current').siblings().removeClass('current')
            obj.parents(".conmmon-floor").find(".floor-pro-info").find('.floor-pro-item').hide();
            obj.parents(".conmmon-floor").find(".floor-pro-info").find('.floor-pro-item').eq(thisIndex).show();
        }, function () {
        }
    );
    // $(".conmmon-floor").hover(function(){},function(event) {
    // 	var obj = $(this).find('.tab-list');
    // 	 $(".tab-item",obj).removeClass('current');
    // 	$(obj).find('.tab-item').eq(0).addClass('current');
    // 	obj.parents(".conmmon-floor").find(".floor-pro-info").find('.floor-pro-item').hide();
    // 	obj.parents(".conmmon-floor").find(".floor-pro-info").find('.floor-pro-item').eq(0).show();
    // }
    // );

    function listenScroll() {
        var topPx = $(window).scrollTop() + 80;
        var folat = $(".floatBar");
        var first = $("#floor0");
        var end = $("#floor" + len);

        if (topPx < first.offset().top && folat.is(':visible')) {

            folat.hide();
        } else if (topPx > first.offset().top && folat.is(':hidden')) {
            folat.show();
        }
        for (var i = 0; i < len; i++) {
            if (topPx > $("#floor" + i).offset().top) {
                $(".floor-guide").find('li').removeClass('current');
                $(".floor-guide").find('li').eq(i).addClass('current');
            }
        }
        ;

    }
    function leftMenu(type) {
        pageRoll("floor" + type);
    }
    function pageRoll(idStr) {
        var unitTime = 800;
        var floatNavHeight = 65;
        $("html,body").animate({scrollTop: $("#" + idStr).offset().top - floatNavHeight}, unitTime);
    }
    $(".conmmon-floor.c-wrap").each(function (index) {
        $(this).attr("id", "floor" + index);
        //$(".floor-guide").find("li").eq(index).attr("id","floor"+index);
    });
    len = $(".conmmon-floor.c-wrap").size();

</script>


<!--footer  start-->
{/block}